.section{
  height: 60px;
  width: 100%;

  .section_input{
    width: 90%;
    margin: 10px auto;//看是10rpx还是5rpx,是10rpx=5px
    height: 60px;
    border-radius: 6px;
    padding: 10px 10px;
    background-color: white;
    box-shadow: 6px 6px 6px #b2b2b2;
    text-align: center;
    color: #b2b2b2;
    font-size: 30px;
  }
}

/* 顶部弹窗标题 */
.at-accordion{
  position: absolute;
  top: 108rpx;
  right: 20rpx;
  .at-accordion__header{
    padding: 12rpx 18rpx;
    box-shadow: 6rpx 6rpx 6rpx #b2b2b2;
    background-color: white;
    border-radius: 16rpx;
  }
  .at-accordion__info{
    text-align: center;
  }
}
/*顶部弹窗下拉框*/
.at-accordion__content{
  width: 288rpx;
  box-shadow: 6rpx 6rpx 6rpx #b2b2b2;
  background-color: white;
  border-radius: 16rpx;
  .item-extra__icon-arrow{
    display: none;
  }
}
.map_container{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;

  /* 大背景蒙层 */
  .mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background_color: rgba(0, 0, 0, 0);  /* 半透明黑色背景 */
    z-index: 999;  /* 确保蒙层位于最上层 */
  }

  /* 地图 */
  .map{
    width: 100%;
    height: 100%;
  }
}

/* 获取用户当前定位图标 */
.get_location_icon{
  position: absolute;
  right: 20px;
  /*bottom: 102 150px;*/
  background: white;
  border-radius: 20px;
  padding: 10px 10px;
  box-shadow: 6px 6px 6px #b2b2b2;
}

/* 底部弹框 */
/* 共有的 */
.detail_info {
  position: absolute;
  bottom: 12rpx;
  left: 0;
  right: 0;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  margin: 0 20px 20px 20px;
  display: flex;
  padding: 20px;

  /* 定位图标 */
  .image_container {
    flex: 0 0 200px;
    .exhibition_image {
      border-radius: 20px;
    }
  }

  /* 底部框 */
  .bottom_content {
    flex: 1;
    margin-left: 15rpx;
    max-width: 452rpx;// 下面的才会生效
    .content_header{
      position: relative;
      display: flex;
      flex-direction: column;

      /* 具体信息 */
      .info_title {
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 42rpx;
      }
      .info_note{
        color: grey;
        font-size: 24rpx;
        margin-top: 10rpx;/*28*/
      }
      .info_distance {
        color: grey;
        font-size: 24rpx;
        position: absolute;
        bottom: 0;
        right: 0rpx;
        }
      }
    }
    .content_footer {
      border-top: 2rpx solid #eee;
      margin-top: 10rpx;
      padding-top: 5rpx;
      font-size: 24rpx;
      overflow: hidden; /* 隐藏溢出的文本 */
      text-overflow: ellipsis; /* 溢出部分用 ... 显示 */
      display: -webkit-box; /* 使用 WebKit 的盒子模型 */
      -webkit-box-orient: vertical; /* 垂直方向排列文本 */
      -webkit-line-clamp: 2; /* 限制显示的行数为两行 */
      line-height: 26rpx; /* 设定行高，确保每行的高度 */
      max-height: 50rpx; /* 限制最大高度，以适应两行文本 */
    }
  }

/* 搜索回来后 */
.search_view{
  display: flex;
  height: 45vh;
  flex-direction: column;
  overflow-y: auto;
  background-color: #f3f3f3;

  /*每一项*/
  .search_item{
    background-color: white;
    padding: 24rpx 10rpx;
    margin-bottom: 16rpx;
    border-radius: 10rpx;
    .bottom_content {
      margin-left: 0;
    }
  }
}
















